<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Document</title>
<style>
#content {
  display: flex;
  width: 500px;
}
 
#content div {
  flex-basis: 120px;
  border: 1px solid black;
}
 
.block{
  flex-shrink: 1;
}
.block1{
    flex-shrink: 2;
}
</style>
</head>
<body>
<div id="content">
  <div class="block" style="background-color:red;">1</div>
  <div class="block" style="background-color:red;">2</div>
  <div class="block1" style="background-color:red;">3</div>
  <div class="block1" style="background-color:red;">4</div>
  <div class="block1" style="background-color:red;">5</div>
</div>

</body>
</html>